<template>
  <div class="page">
    <RouterView></RouterView>
  </div>
  </template>
  <script>
  import { RouterView } from 'vue-router'
  export default{
    data(){
      return{
  
      }
    },
   components:{
    RouterView
   }
  }
  </script>
  <style>
  html, body {
    margin: 0;
    padding: 0;
  }
  /* 给容器设置背景图片堆叠效果 */
  .page{
    min-height: 100vh;
  /* 背景图片顺序：主背景在前，叠加图片在后 */
  background-image:
    url('../src/assets/images/layout/big-bj.png'),
    url('../src/assets/images/layout/header.png'),
    url('../src/assets/images/layout/footer.png'),
    url('../src/assets/images/dialog/bj.png');

  /* 设置尺寸和定位 */
  background-size:
    100% 100%,         
    80% auto,       
    40% auto,       
    100% 100%;       

  background-position:
     center 20px,         
   top 65px left 115px,    
    bottom 30px left 330px, 
    center;

  background-repeat: no-repeat;
  }
  </style>